<template>
  <div class="container">
   <h3>百度百度</h3>
   <el-input v-model="inp1" placeholder="请输入内容" @input="keyupfun()"></el-input><br>
   {{inp1}} <br>
   <button @click="baidu()">点击</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inp1:'',
      arr:[],
    }
  },
  created(){
    this.jiazai()
  },
  methods:{
    baidu(){
      //配一个/api的方式，代理，让百度以为是/api访问的，不是本地访问，迷惑他，但只是让/api为代理，实际上还是本地访问百度，只在本地生效，如果后端允许跨域，就不用做代理
      this.$apiPost('/api/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd='+this.inp1).then((res)=>{
        console.log(res)
        // var xin = res.lastIndexOf("s:");
        var chong = res.lastIndexOf('{q');
        var chong2= res.slice(chong+1,res.length-3);
        console.log(chong2)
         let objstr =JSON.parse(JSON.stringify(chong2))
         console.log(objstr)
        // var xin2 =res.slice(xin+3,res.length-4);
        //  console.log(xin2)
        // var arr_xin2 = xin2.split(",")
        // console.log(arr_xin2)
      })
    },
    jiazai(){
      // this.baidu()
        //    this.list = this.arr_xin2.map(item => {
        //        return { value: `value:${item}`, label: `label:${item}` };
        //  });
    },
    keyupfun(){
        // this.baidu()
    },
  
  },
  components: {

  }
}
</script>

<style scoped>
.el-input{
  width: 60%;
}
.el-button{
  height:40px;
}
</style>
